
<style>
div.submenu
{
	color:#FFF;
background: #8be053;
position: absolute;
top: 0px;
left: -20px;
z-index: 100;
width: 160px;
display: none;
margin-left: 20px;
padding: 5px 0 5px;

/*8box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);*/
}
div.submenu ul li{background:#8be053; width:160px; border-top: 1px solid #FFF;}
.dropdown  li a {
   
    color: #fff;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 6px;
  cursor: pointer;
text-decoration:none;
}

.dropdown li a:hover{
    background:#e9ff51;
    color: #55b118;
    text-decoration: none;
    
}
a.account {
font-size: 12px;
line-height: 16px;
color: #555;
position: absolute;
z-index: 110;
display: block;
padding: 11px 0 0 7px;
height: 28px;
width: 160px;
margin: -11px 0 0 -10px;
text-decoration: none;
background: url(../images/arrow-bg.png) 138px 15px no-repeat;
cursor:pointer;
}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
	
	
}

</style>



<style>
.gio-hang{height:96px;width:300px;background:none;float:right}
.gio-hang .dkdns{display:block;float:right;margin-right:2px}
.gio-hang .dkdns a{text-decoration:none;color:#333}
.gio-hang ul{margin:0px;padding:0px;margin-top:23px;float:right}
.gio-hang ul li {float:left;list-style:none}
.gio-hang ul .gh-truoc .thichsp{background:url(../thichsp.png) no-repeat;position:relative}
.thichsp .listspthich{background:url(../bgthich.png) repeat;border:#333 1px solid;height:auto;position:absolute;top:50px;right:-217px;z-index:1050;padding:15px;display:none;
    -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 3px 3px 15px 3px #333; /* Firefox */
  -webkit-box-shadow: 3px 3px 15px 3px #333; /* Safari and Chrome */
  box-shadow: 3px 3px 15px 3px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.box-listthich{height:auto;width:99%;background:#FFF;border: 2px #8b8b8b solid;padding-top:5px;padding-bottom:15px}
.box-listthich ul{background:#FFF;margin:5px;height:435px;width:98%}
.box-listthich ul h2{margin:0px;text-align:left;color:#333;font-size:13px}
.box-listthich ul li{border:1px solid #add56c;width:98.5%;height:auto;margin-top:10px;padding:3px}
.box-listthich ul li strong{margin:0px;padding:0px;float:left;color:#232323;display:block;text-align:left;font-size:13px}
.box-listthich ul li .thongtin{width:290px;height:90px;background:#FFF;margin-left:7px}
.box-listthich ul li .thongtin h4 {margin:0px;padding:0px;color:#000;font-weight:bold;}
.box-listthich ul li .anhsps{}
.box-listthich ul li .anhsps img{width:100%;height:86px}
.gio-hang ul .gh-truoc .giohangmini{background:url(../icon-giohang.png) no-repeat;}
.gio-hang ul .gh-truoc{height:42px;width:124px;background:url(giohang.png) no-repeat;}
.gio-hang ul .gh-truoc :hover .listspthich{display:block}
.gio-hang ul .gh-truoc :hover .muiten{display:block}

.gio-hang ul .gh-truoc span{color:#F00;margin-top:8px;display:block;float:left;width:45px;margin-left:10px;height:25px;text-align:right;font-size:12px}
.gio-hang ul .gh-sau{height:42px;width:160px;background:url(giua.png) repeat-x;}
.gio-hang ul .gh-sau .dropdowns{height:25px;width:auto;background:url(bg-tkt.png) repeat-x;border:none;margin-top:5px;min-width:100px;padding-left:10px;padding-right:10px;padding-top:4px;color:#FFF}
div.dropdown {
color: #fff;
background:url(bg-tkt.png) repeat-x;
margin-top:8px;
min-width:100px;
position: relative;
height:25px;
text-align:left;padding-left:10px;padding-right:23px;padding-top:4px;
}

.gio-hang ul .cuoi{height:42px;width:10px;background:url(cuoi.png) no-repeat;}
.muiten{background:url(../muiten.png) no-repeat;z-index:1051;position:absolute;top:30px;width:50px;height:40px;left:-10px;display:none}
.trais{float:left;width:140px;background:#FFF;position:relative}
.phais{float:right;width:140px;background:#Fff;margin-left:10px;font-weight:normal;color:#3c3c3c;text-shadow:#3c3c3c}
.giamoi{font-weight:normal}
.giamoi i{color:#48a7e9;font-size:18px}
.damua{font-weight:normal;padding-bottom:3px}
.damua b{font-weight:bold;color:#bb2626}
.icons{position:absolute;top:43px;width:200px}
.icons p{float:left;margin:0px;padding:0px;padding-left:2px}
.dh{font-weight:bold;color:#bb2626;text-align:center}
.icons .muangay img{}
</style> 
<script type="text/javascript" >
$j(document).ready(function()
{
$j(".account").click(function()
{
var X=$j(this).attr('id');

if(X==1)
{
$j(".submenu").hide();
$j(this).attr('id', '0');	
}
else
{

$j(".submenu").show();
$j(this).attr('id', '1');
}
	
});

//Mouseup textarea false
$j(".submenu").mouseup(function()
{
return false
});
$j(".account").mouseup(function()
{
return false
});


//Textarea without editing.
$j(document).mouseup(function()
{
$j(".submenu").hide();
$j(".account").attr('id', '');
});
	
});
	
	</script>

<div class="gio-hang">
<span class="dkdns" > <a href="#">Dang ky</a> | <a href="#">Dang nhap</a></span>
<ul>
<li class="gh-truoc">
<span class="thichsp"> (3)
 <div class="muiten"></div>
 <div class="listspthich">
   
    <div class="clear"></div>
    <div class="box-listthich">
    <div class="clear"></div>
    	<ul>
           <h2>co 3 san pham duoc thich</h2>
           <div class="clear"></div>
            <li>
             <strong class="anhsps"><img src="../imagesp/anhthichs.jpg"   /></strong>
             <strong class="thongtin"> <h4> Chăn điện nhưng sang - A nhập khẩu hàn </h4> 
             <div class="clear"></div>
             <div class="giass">
                 <div class="trais">
                    <div class="giamoi">Gia:<i>1000.000 đ</i></div>
                    <div class="damua">Đã mua:<b>56</b></div>
                    <div class="icons"> 
                    <p class="muangay"><a href=""><img src="muangay.png"  /></a> </p>
                    <p><img src="ghang.png" width="44" height="31" /> </p>
                    <p ><img src="ghfree.png" width="40" height="31" /></p></div>
                 </div>
                 <div class="phais"> 
                    <div class="giagoc">Gia goc:1000.000đ</div>
                    <div class="dh">7:17:40</div>
                 </div>
             </div>
             </strong>
            <div class="clear"></div>
            </li>
            <div class="clear"></div>
            
            
            <li>
             <strong class="anhsps"><img src="../imagesp/anhthichs.jpg"   /></strong>
             <strong class="thongtin"> <h4> Chăn điện nhưng sang - A nhập khẩu hàn </h4> 
             <div class="clear"></div>
             <div class="giass">
                 <div class="trais">
                    <div class="giamoi">Gia:<i>1000.000 đ</i></div>
                    <div class="damua">Đã mua:<b>56</b></div>
                    <div class="icons"> 
                    <p class="muangay"><a href=""><img src="muangay.png"  /></a> </p>
                    <p><img src="ghang.png" width="44" height="31" /> </p>
                    <p ><img src="ghfree.png" width="40" height="31" /></p></div>
                 </div>
                 <div class="phais"> 
                    <div class="giagoc">Gia goc:1000.000đ</div>
                    <div class="dh">7:17:40</div>
                 </div>
             </div>
             </strong>
            <div class="clear"></div>
            </li>
            <div class="clear"></div>
            
            
            <li>
             <strong class="anhsps"><img src="../imagesp/anhthichs.jpg"   /></strong>
             <strong class="thongtin"> <h4> Chăn điện nhưng sang - A nhập khẩu hàn </h4> 
             <div class="clear"></div>
             <div class="giass">
                 <div class="trais">
                    <div class="giamoi">Gia:<i>1000.000 đ</i></div>
                    <div class="damua">Đã mua:<b>56</b></div>
                    <div class="icons"> 
                    <p class="muangay"><a href=""><img src="muangay.png"  /></a> </p>
                    <p><img src="ghang.png" width="44" height="31" /> </p>
                    <p ><img src="ghfree.png" width="40" height="31" /></p></div>
                 </div>
                 <div class="phais"> 
                    <div class="giagoc">Gia goc:1000.000đ</div>
                    <div class="dh">7:17:40</div>
                 </div>
             </div>
             </strong>
            <div class="clear"></div>
            </li>
            <div class="clear"></div>
            
            <li>
             <strong class="anhsps"><img src="../imagesp/anhthichs.jpg"   /></strong>
             <strong class="thongtin"> <h4> Chăn điện nhưng sang - A nhập khẩu hàn </h4> 
             <div class="clear"></div>
             <div class="giass">
                 <div class="trais">
                    <div class="giamoi">Gia:<i>1000.000 đ</i></div>
                    <div class="damua">Đã mua:<b>56</b></div>
                    <div class="icons"> 
                    <p class="muangay"><a href=""><img src="muangay.png"  /></a> </p>
                    <p><img src="ghang.png" width="44" height="31" /> </p>
                    <p ><img src="ghfree.png" width="40" height="31" /></p></div>
                 </div>
                 <div class="phais"> 
                    <div class="giagoc">Gia goc:1000.000đ</div>
                    <div class="dh">7:17:40</div>
                 </div>
             </div>
             </strong>
            <div class="clear"></div>
            </li>
            <div class="clear"></div>
            
            
        </ul>
         <div class="clear"></div>
    </div>
     <div class="clear"></div>
</div>
</span>

<span class="giohangmini"> (3)</span></li>
<li class="gh-sau">
<div class="dropdown">
	<a class="account" >
	<span style="color:#fff; font-size:14px;">Thông tin tài khoản</span>
	</a>
	<div class="submenu" style="display: none; ">

	  <ul class="root">
<li >
	      <a href="http://demo.sale.vn/?account" >Thông tin cá nhân</a>
	    </li>

	    
	    <li >
	      <a href="http://demo.sale.vn/?address" >Địa chỉ nhận hàng</a>
	    </li>
	   <li >

	      <a href="http://demo.sale.vn/?history">Theo dõi đơn hàng</a>
	    </li>
	   

	    <li>
	      <a href="http://demo.sale.vn/?balance">Thông báo giao dịch</a>
	    </li>
	    <li>
	      <a href="http://demo.sale.vn/?referer">Danh sách người giới thiệu</a>
	    </li>
        <li>
	      <a href="http://demo.sale.vn/?wallet">Ví Sale</a>
	    </li>
	  </ul>
	</div>
	</div>
</li>
<li class="cuoi"></li>
</ul>
</div>




